<template>
  <div class="m-header-search">
    <v-text-field placeholder="输入关键词检索" prepend-icon="mdi-magnify" v-model="keywords"
                  class="m-header-search-input"  single-line></v-text-field>
  </div>
</template>
<script setup>

const keywords = ref('')

</script>
<style lang="scss">
.m-header-search {
  display: flex;
  height: 100%;
  width: 300px;

  :deep(.v-field__input) {
    font-size: 14px;
    &::placeholder{
      font-size: 14px !important;
      color: red !important;
    }
  }

}
</style>
